<template>
  <div id="add">
    <el-dialog title="收货地址" :visible.sync="dialogFormVisible" :modal-append-to-body="false">
      <el-form :model="form">
        <el-form-item label="活动名称" :label-width="formLabelWidth">
          <el-input v-model="form.name" autocomplete="off"></el-input>
        </el-form-item>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="closeshow">取 消</el-button>
        <el-button type="primary" @click="add">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: ['dialogFormVisible', 'userdata'],
  data() {
    return {
      form: {
        name: '111',
        region: '222',
        date1: '333',
        date2: '444',
        delivery: false,
        type: [],
        resource: '',
        desc: '',
      },
      formLabelWidth: '120px',
    };
  },
  methods: {
    add() {
      this.closeshow();
    },
    closeshow() {
      this.$emit('close', false);
    },
  },
};
</script>
<style scoped>
.el-dialog {
  width: 90%;
}
</style>
